<template>
  <div class="row">
    <div>
      <sy-button type="primary" @click="visible=true">点击打开Dialog</sy-button>
      <sy-dialog :visible.sync="visible">
        <template v-slot:title>
          <h3>我是一个标题</h3>
        </template>
      </sy-dialog>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      visible: false
    }
  }
}
</script>

<style lang="scss" scoped>
.row {
  margin-bottom: 20px;
}
.sy-button {
  margin-right: 20px;
}
.sy-input {
  width: 200px;
}
</style>
